<script setup lang="ts">
import { useRoute, useRouter } from 'vue-router';
  const route = useRoute()
  const router = useRouter()
</script>

<template>
  <div class="detail">
    <h1>文章的详情页</h1>
    <p>id: {{ $route.params.id }}</p>
    <button @click="$router.push('/')">返回首页</button>
  </div>
</template>

<style scoped>
  .detail{
    width: 100%;
    height: 200px;
    
    background-color: pink;
  }
</style>